body {
  margin: 0px;
  padding: 0px;
  background: #f4f4f4;
  overflow: auto; /* 隐藏滚动条 */
}

* {
  box-sizing: border-box;
}

.a-link {
  text-decoration: none;
  color: #1890ff;
  cursor: pointer;
}

.a-link:hover { //鼠标悬停在选项时的颜色显示
  color: #e94242;
}

.container {
  display: flex;
  margin-top: 10px;

  .left {
    flex: 1;
    background: #fff;
    padding: 15px;
  }

  .right {
    margin-left: 10px;
    width: 300px;
    background: #fff;

    .part-title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #ddd;
      padding: 0px 5px 8px 5px;
      text-decoration: none;
    }
  }
}

.top {
  height: 80px;
  position: flex;
  box-shadow: 0px 2px 6px 0 #ddd; //阴影
  width: 100%;
  background: #fff;
  text-align: center; //文本的水平对齐方式
  .top-nav {
    height: 80px;
    width: 1350px;
    margin: 0px auto;
    display: flex;
    align-items: center;

    .logo {
      font-size: 30px; //字体大小
      font-weight: bold; //字体粗细
      color: #b0ea0d;
      text-decoration: none; //下划线
    }

    .nav-item {
      text-decoration: none;
      padding: 0px 15px; //直接设置上下左右
      color: #494949;
    }

    .nav-item:hover { //鼠标悬停在选项时的颜色显示
      color: #e94242;
    }

    .active {
      color: #e94242;
    }
  }
}

.body-container {
  margin: 5px auto;
  /* padding-top:90px ;       //距顶距离 */
  width: 1350px;
  min-height: calc(100vh - 150px); //最小高度 calc是函数100vh是视口高度
}

.footer {
  padding-top: 10px;
  height: 60px;
  text-align: center;
  font-size: 16px;
}